.nav{
    padding-top: 59px;
    p{
        width: 1000px;
        margin-left: 59px;
        color: #35496e;
        font-size: 18px;
        font-size: 0;
        border-bottom: 2px solid #EAEAEA;
        .operationMode{
            display: inline-block;
            color: #102445;
            font-size: 18px;
            margin-left: 86px;
            margin-right: 126px;
            margin-bottom: 27px;
        }
        .yazhuoPlatform{
            display: inline-block;
            color: #102445;
            font-size: 18px;
            margin-right: 126px;
            margin-bottom: 27px;
        }
        .successCase{
            display: inline-block;
            color: #102445;
            font-size: 18px;
            margin-bottom: 27px;
        }
    }
}
.graphicContent{
    position: relative;
    .quotationMarks{
        display: inline-block;
        width: 47px;
        margin-top: 60px;
        margin-left: 521px;
        height: 38px;
        overflow: hidden;
        img{
            width: 100%;
        }
    }
    .operationMode{
        font-size: 28px;
        font-weight: bold;
        margin-left: 480px;
        margin-top: 25px;
        position: relative;
        &::after{
            display: block;
            content: "";
            width: 72px;
            height: 6px;
            background: #000;
            border-left: 1px solid #696969;
            border-right: 1px solid #696969;
            position: absolute;
            top: 60px;
            left: 22px;
        }
    }
    .left{
        float: left;
        width: 417px;
        .inPageImage{
            display: inline-block;
            width: 256px;
            height: 128px;
            margin-top: 132px;
            margin-left: 161px;
            position: relative;
            &::after{
                display: block;
                content: "";
                background: #000;
                width: 58px;
                height: 5px;
                position: absolute;
                top: 158px;
                right: 0;

            }
            img{
                width: 100%;
            }
        }
        .inPageImagesix{
            display: block;
            width: 54px;
            height: 64px;
            overflow: hidden;
            margin-top: 103px;
            margin-left: 363px;
            img{
                width: 100%;
            }
        }
        .developIntegratedMarketing{
            color: #25658e;
            font-size: 36px;
            font-weight: bold;
            margin-top: 30px;
            margin-left: 189px;
            text-align: right;
        }
        .inPageImagetwo{
            display: inline-block;
            width: 256px;
            height: 128px;
            margin-top: 73px;
            margin-left: 161px;
            position: relative;
            &::after{
                display: block;
                content: "";
                background: #000;
                width: 58px;
                height: 5px;
                position: absolute;
                top: 158px;
                right: 0;

            }
            img{
                width: 100%;
            }
        }
        .inPageImageeight{
            display: block;
            width: 83px;
            height: 60px;
            overflow: hidden;
            margin-top: 103px;
            margin-left: 334px;
            img{
                width: 100%;
            }
        }
        .fullMarketing{
            color: #25658e;
            font-size: 36px;
            font-weight: bold;
            margin-top: 10px;
            margin-left: 165px;
            text-align: right;
        }
        .inPageImagefour{
            display: inline-block;
            width: 256px;
            height: 128px;
            margin-top: 73px;
            margin-left: 161px;
            position: relative;
            &::after{
                display: block;
                content: "";
                background: #000;
                width: 58px;
                height: 5px;
                position: absolute;
                top: 158px;
                right: 0;

            }
            img{
                width: 100%;
            }
        }
    }
    .middle{
        float: left;
        widows: 220px;
        .stepOne{
            display: block;
            margin-top: 107px;
            margin-left: 78px;
            position: relative;
            &::after{
                display: block;
                content: "";
                background: #909090;
                width: 2px;
                height: 72px;
                position: absolute;
                top: 121px;
                left: 43px;
            }
        }
        .stepTwo{
            display: block;
            margin-left: 78px;
            margin-top: 118px;
            position: relative;
            &::after{
                display: block;
                content: "";
                background: #909090;
                width: 2px;
                height: 72px;
                position: absolute;
                top: 121px;
                left: 43px;
            }
        }
    }
    .right{
        float: left;
        width: 434px;
        .inPageImagefive{
            display: block;
            width: 72px;
            height: 55px;
            overflow: hidden;
            margin-top: 139px;
            margin-left: 60px;
            img{
                width: 100%;
            }
        }
        .platformResourceLibrary{
            color: #25658e;
            font-size: 36px;
            font-weight: bold;
            margin-top: 30px;
            margin-left: 60px;  
        }
        .inPageImageOne{
            display: inline-block;
            width: 255px;
            height: 127px;
            margin-top: 70px;
            margin-left: 60px;
            position: relative;
            &::after{
                display: block;
                content: "";
                background: #000;
                width: 58px;
                height: 5px;
                position: absolute;
                top: 180px;
                left: 0;

            }
            img{
                width: 100%;
            }
        }
        .inPageImageseven{
            display: block;
            width: 63px;
            height: 56px;
            overflow: hidden;
            margin-top: 120px;
            margin-left: 60px;
            img{
                width: 100%;
            }
        }
        .Resources{
            color: #25658e;
            font-size: 36px;
            font-weight: bold;
            margin-top: 30px;
            margin-left: 60px; 
        }
        .inPageImagenine{
            display: block;
            width: 78px;
            height: 53px;
            overflow: hidden;
            margin-top: 120px;
            margin-left: 60px;
            img{
                width: 100%;
            }
        }
    }
    .line{
        position: relative;
        hr{
            display: block;
            margin: 94px auto;
        }
        .triangle{
            width: 15px;
            height: 15px;
            border-top: 15px solid #929292;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            position: absolute;
            top: -4px;
            left: 524px;
        }
    }
}
.Advantage{
    margin-left: 154px;
    margin-bottom: 200px;
    ul li{
        height: 267px;
        vertical-align: middle;
        display: inline-block;
        margin-right: 140px;
        span{
            display: inline-block;
            width: 144px;
            height: 165px;
            overflow: hidden;
            img{
                width: 100%;
            }
        }
        .comments{
            width: 160px;
            color: #666666;
            font-size: 16px;
            margin-top: 37px;
            text-align: center;
        }
    }
}